<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index3.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3598568_m6681dzp56.css">
</head>

<body>
    <div class="warp">
        <header>
            <div class="box">
                <ul class="top">
                    <li>MY NAME IS TANG HANG YI</li>
                </ul>
                <ul class="top2">
                    <li><a href="../pages/index.html">首页</a></li>
                    <li><a href="../pages/index1.html">关于</a></li>
                    <li><a href="../pages/index2.html">资讯</a></li>
                    <li><a href="">产品</a></li>
                    <li><a href="../pages/index4.html">联系</a></li>
                    <li><a href="../pages/index5.html">招聘</a></li>
                    <li> <i class="iconfont icon-sousuo1"></i></li>
                </ul>
            </div>
            <div class="box1">
                <img src="../img/images/首页/06.png" alt="">
            </div>
        </header>

        <div class="box3">
            <div class="top3"><a href="../pages/index6.html">全部产品</a></div>
            <div class="top3">最新产品</div>
            <div class="top3">成功案例</div>
        </div>

        <div class="box4">
            <div class="box2">
                <div class="img_box">
                    <ul>
                        <li><a href="javascript:void(0)"><img src="../img/images/产品/产品_03.png"></a></li>
                        <li><a href="javascript:void(0)"><img src="../img/images/产品/产品_03.png"></a></li>
                        <li><a href="javascript:void(0)"><img src="../img/images/产品/产品_03.png"></a></li>
                        <li><a href="javascript:void(0)"><img src="../img/images/产品/产品_03.png"></a></li>
                        <li><a href="javascript:void(0)"><img src="../img/images/产品/产品_03.png"></a></li>
                    </ul>

                </div>
                <div class="dot_box">
                    <span class="dot dotActive" data-index=1></span>
                    <span class="dot" data-index=2></span>
                    <span class="dot" data-index=3></span>
                    <span class="dot" data-index=4></span>
                    <span class="dot" data-index=5></span>
                </div>
            </div>
        </div>
        <main>
            <div class="box5">
                <div class="top4">
                    <img src="../img/images/产品/产品_07.png" alt="">
                    <h4>楼梯和线条系列.广州</h4>
                    <div class="top6">
                        <p>温馨典雅，和谐空间</p>
                        <p> 2018.10.16</p>
                    </div>
                </div>
                <div class="top4">
                    <img src="../img/images/产品/产品_09.png" alt="">
                    <h4>楼梯和线条系列.武汉</h4>
                    <div class="top6">
                        <p>温馨典雅，和谐空间</p>
                        <p>2018.10.16</p>
                    </div>
                </div>
            </div>
            <div class="box5">
                <div class="top4">
                    <img src="../img/images/产品/产品_13.png" alt="">
                    <h4>楼梯和线条系列.广州</h4>
                    <div class="top6">
                        <p>温馨典雅，和谐空间</p>
                        <p> 2018.10.16</p>
                    </div>
                </div>
                <div class="top4">
                    <img src="../img/images/产品/产品_11.png" alt="">
                    <h4>楼梯和线条系列.武汉</h4>
                    <div class="top6">
                        <p>温馨典雅，和谐空间</p>
                        <p>2018.10.16</p>
                    </div>
                </div>
            </div>
            <div class="box5">
                <div class="top4">
                    <img src="../img/images/产品/产品_17.png" alt="">
                    <h4>楼梯和线条系列.广州</h4>
                    <div class="top6">
                        <p>温馨典雅，和谐空间</p>
                        <p> 2018.10.16</p>
                    </div>
                </div>
                <div class="top4">
                    <img src="../img/images/产品/产品_19.png" alt="">
                    <h4>楼梯和线条系列.武汉</h4>
                    <div class="top6">
                        <p>温馨典雅，和谐空间</p>
                        <p>2018.10.16</p>
                    </div>
                </div>
            </div>
            <div class="box7">
                <button><a href="../pages/index7.html">加载更多</a></button>
            </div>
        </main>
        <footer>
            <h4>TANGHANYI HANYI</h4>
            <p>asdfghjklqwert tyuioop zxcvbn</p>
        </footer>
        <script src="../js/index1.js"></script>
        <script>
            let c2 = new Carousel2(".box2");
            c2.init();
            console.log(c2);
        </script>
    </div>
</body>

</html>